<template>

<tab-panel class="pending-task-tab" :tab-list="tabList">
  <div class="list-panel" slot="first" slot-scope="scope" >
    <simple-case :tab="scope.tab"></simple-case> 
  </div>
  <div class="list-panel" slot="second" slot-scope="scope">
    {{scope.tab.label}}
  </div>
  <div class="list-panel" slot="third" slot-scope="scope">
    {{scope.tab.label}}
  </div>
  <div class="list-panel" slot="fourth" slot-scope="scope">
    {{scope.tab.label}}
  </div>
  <div class="list-panel" slot="fifth" slot-scope="scope">
    {{scope.tab.label}}
  </div> 
</tab-panel>

</template>

<style lang="scss" scoped>
@import "../../../../../src/style/variables/_default.scss";
.list-panel{
  height: 100%;
}

</style>

<script>
import TabPanel from '@/components/common/tab-panel.vue'
import SimpleCase from './simple-case'
export default {
  name: 'detectivePush',
  components: {
    TabPanel,
    SimpleCase
  },
  props: {
  },
  data() {
    return {
      tabList: [
        {label: '同类案件', name: 'first'},
        {label: '串并线索', name: 'second'},
        {label: '人员轨迹', name: 'third'},
        {label: '物品追踪', name: 'fourth'},
        {label: '录比反', name: 'fifth'}
      ]
    }
  },
  watch: {
    
  },
  methods: {
    
  },
  mounted() {
  }
}
</script>

